<template>
    <div class="not-found">
        <div class="bg-box">
            <div class="bg"></div>
            <div class="back-btn">
                <el-button @click="$router.back()" round type="primary">返回上一页</el-button>
            </div>
        </div>
    </div>
</template>
<script lang="ts">
  import {Component, Vue} from 'vue-property-decorator';

  @Component
  export default class Page extends Vue {
  }
</script>
<style>
    .not-found {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: #f0f0f0;
    }

    .bg-box {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .bg {
        width: 319px;
        height: 382px;
        background: url('/img/not-found.png') no-repeat;
    }

    .back-btn {
        text-align: center;
        margin-top: 20px;
    }
</style>
